<div ng-init="init();" class="kmi-layout-content SMT23-content">
    <!-- SMT產品與Panel序號生成列印  -->
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT23.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page" ng-show="mode == 'query' || mode == 'list' || mode == 'preview'">
            <div class="kmi-text-fields">
                <div style="flex:1;display:flex">
                    <div class="kmi-text-fields" style="flex:1;">
                        <label class="label" ng-bind="'SMT23.op_no' | translate"></label>
                        <input class="value" ng-model="settingList.eqp_no" style="flex: 1;" readonly="readonly" ng-click="loadEquip();"></input>
                        <div class="tip search"><i class="material-icons" ng-click="loadEquip();">search</i></div>
                        <div class="serial-no-state"></div>
                    </div>
                    <div class="kmi-text-fields" style="flex:1;">
                        <label class="label" ng-bind="'SMT23.op_product_list' | translate"></label>
                        <input class="value" ng-model="settingList.current_feederlist_no" style="flex: 1;" readonly="readonly"></input>
                        <!-- <div class="tip search"><img src="image/icons/search.png"></img> </div> -->
                        <div class="serial-no-state"></div>
                    </div>
                    <div class="kmi-text-fields" style="flex:1;">
                        <label class="label" ng-bind="'SMT23.next_product_list' | translate"></label>
                        <input class="value" ng-model="settingList.next_feederlist_no" style="flex: 1;" readonly="readonly" ng-click="loadNextFeederlist();"></input>
                        <div class="tip search"><i class="material-icons" ng-click="loadNextFeederlist();">search</i></div>
                        <div class="serial-no-state"></div>
                    </div>
                </div>
                <!-- 差異分析按鈕 -->
                <div class="kmi-button kmi-button-confrim" style="width:100px" ng-click="search()">
                    <label ng-bind="'SMT23.dif_analysis' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-list column-selector" style="border-radius: 0 0 6px 6px;">
                <div class="kmi-list__header">
                    <!-- <div class="kmi-list__column" style="flex:0 0 40px">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="selectAll();">
                            <img ng-src="{{isSelectAll?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                        </button>
                    </div> -->
                    <!-- 設備編號 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT23.list.op_no' | translate"></div>
                    <!-- 料站位 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT23.material_pos' | translate"></div>
                    <!-- 物料料號 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT23.material_no' | translate"></div>
                    <!-- 分析結果 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT23.ana_result' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in info_list track by $index">
                        <!-- <div class="kmi-list__column" style="flex:0 0 40px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemClick(item, $index);">
                                <img ng-src="{{item.isSelect=='true'?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                            </button>
                        </div> -->
                        <!-- 設備編號 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="item.eqp_no"></div>
                        <!-- 料站位 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="item.slot_no"></div>
                        <!-- 物料料號 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="item.material_no"></div>
                        <!-- 分析結果 -->
                        <div class="kmi-list__column" style="flex: 1;padding: 0 0 0 10px;font-weight: 600;" ng-class="{'bg_green':item.status == '0','bg_yellow':item.status == '1','bg_purple':item.status == '2','bg_red':item.status == '3'}">
                            <label ng-bind="('SMT23.result.ana_' + item.status | translate) + item.next_slot_no"></label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kmi-layout-footer-first-page">
                <!-- 結果列印 -->
                <div class="kmi-button kmi-button-confrim" style="width:100px" ng-click="preview()">
                    <label ng-bind="'SMT23.end_print' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
                <!-- 物料需求 -->
                <!-- <div class="kmi-button kmi-button-confrim" style="width:100px" ng-click="material_need()">
                    <label ng-bind="'SMT23.material_need' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div> -->
            </div>
        </div>
        <div class="kmi-layout-page" ng-show="mode == 'print'" style="padding: 0;">
            <iframe id="kmi-pdf-panel" name="kmi-pdf-panel"></iframe>
        </div>
        <div class="kmi-layout-footer" ng-show="mode == 'print'">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
            ng-click="print();">
              <img src="image/icons/print.png"></img>
            </button>
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
            ng-click="download();">
              <img src="image/icons/download.png"></img>
            </button>
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
            ng-click="cancel();">
              <img src="image/icons/close.png"></img>
            </button>
        </div>
    </div>
</div>
